<!doctype html>
{% load staticfiles %}
<html>
<head>
    <meta charset="utf-8">
    <title>学习验证系统</title>
    <script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js'%}"></script>
    <link href="{% static 'css/login_register.css'%}" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="{% static 'js/login_register.js'%}"></script>
</head>
<body>
<div class="dowebok" id="dowebok">
    <div class="form-container sign-up-container">
        <form action="user/addUser">
            <h1>注册</h1>

            <span>请输入您的信息</span>
            <input type="text" id="phone_number" name="phone_number" placeholder="手机号"
                   onblur="validate_idcard(this.value)">

            <input type="text" id="Username" name="username" placeholder="姓名"
                   onblur="validate_username(this.value)">

            <input type="password" id="Password" name="password" placeholder="以字母开头只能包含字母、数字和下划线"
                   onblur="validate_password(this.value)">
            <input type="password" id="Password2" name="password2" onblur="validate_password2(this.value)" placeholder="确认密码">
            <button id="register">注册</button>
        </form>
    </div>
    <div class="form-container sign-in-container">
        <form action="house/mainHouse">
            <h1>登录</h1>

            <span>或使用您的帐号</span>
            <input type="text" placeholder="身份证号">
            <input type="text" placeholder="姓名">
            <input type="password" placeholder="密码">
            <a href="###">忘记密码？</a>
            <button>登录</button>
        </form>
    </div>
    <div class="overlay-container">
        <div class="overlay">
            <div class="overlay-panel overlay-left">
                <h1>已有帐号？</h1>
                <p>请使用您的帐号进行登录</p>
                <button class="ghost" id="signIn">登录</button>
            </div>
            <div class="overlay-panel overlay-right">
                <h1>没有帐号？</h1>
                <p>立即注册加入我们，和我们一起开始旅程吧</p>
                <button class="ghost" id="signUp">注册</button>
            </div>
        </div>
    </div>
</div>

<script>

</script>

</body>
</html>

